﻿<html>
<head>
    <style type="text/css">
      table {
          border: solid 2px black;
          border-collapse: collapse;
          margin: 0 auto;
        } 
        <!--
    .STYLE1 {
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: x-large;
	   color: #6600FF;
     }
    .STYLE2 {
	   font-size: 20px;
	    padding: 0;
     }
    .STYLE2BOLD {
	       font-size: 20px;
	       padding: 0;
	       color: #FF0000;
     }
    .STYLE3 {font-size: 18px}
    -->
   </style>
   <title>Show Html</title>
</head>
<body>

    
<script type="text/javascript" src="../xml/js2-home.js">

</script>
  
  <div id="head_div">
  	 <h1 align="center"> Jigsaw &nbsp; &nbsp;Puzzle </h1>
  </div>
  <br />
  <div id="show_div" align="center"></div>
  <br />
  <div id="gameState_div" align="center" style="border: solid 1px black; visibility:visible; background-image: url(../resources/bg2.jpg)"> 
    <p align="center" class="STYLE1"> 00:00 </p>
  </div> 
  <div id="operate_div" align="center">
       <br />
       <br />
       <br />
       
       <input type="button" value="start" name="start" onclick="startGame()" />
       <input type="button" value="pause" name="pause" id="pause" onclick="pause()" />
       <input type="button" value="stop"  name="stop"  onclick="gameOver()" />
  </div>
  
</body>
</html>
